// 1.收集并校验数据
// 2.提交数据
// 3.缓存响应数据
// 4.跳转首页

document.querySelector("#btn-login").addEventListener('click', async () => {
    const form = document.querySelector('.login-form')
    const data = serialize(form, { empty: true, hash: true })
    console.log(data);
    const { username, password } = data
    //非空校验
    if (username === '' || password === '') {
        showToast("用户名和密码不能为空")
        return
    }
    //长度校验
    if (username.length < 8 || username.length > 20 || password.length < 6 || password.length > 20) {
        showToast("用户名长度8-20，密码长度6-20")
        return
    }

    try{
        const res= await axios.post('/login',{username,password})
        showToast(res.data.message)

        // 保存token到本地，用作后续的免登操作
        localStorage.setItem('token',res.data.token)
        localStorage.setItem('username',res.data.username)

        //登录成功之后跳转首页
        //延迟一秒再跳
        setTimeout(() => {
            location.href='./index.html'
        }, 1000);

    }catch(error){
        showToast(error.respond.data.message)
    }
})